<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>学生信息管理</title>
<meta name="description" content="Sufee Admin - HTML5 Admin Template">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../resources/assets/css/normalize.css">
<link rel="stylesheet" href="../resources/assets/css/bootstrap.min.css">
<link rel="stylesheet"
	href="../resources/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="../resources/assets/css/themify-icons.css">
<link rel="stylesheet" href="../resources/assets/css/flag-icon.min.css">
<link rel="stylesheet"
	href="../resources/assets/css/cs-skin-elastic.css">
<link rel="stylesheet"
	href="../resources/assets/css/lib/datatable/dataTables.bootstrap.min.css">
<!-- <link rel="stylesheet" href="assets/css/bootstrap-select.less"> -->
<link rel="stylesheet" href="../resources/assets/scss/style.css">
<link href="../resources/assets/css/lib/vector-map/jqvmap.min.css"
	rel="stylesheet">

<link
	href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800'
	rel='stylesheet' type='text/css'>

<!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js"></script> -->

</head>
<body>


	<!-- Left Panel -->

	<aside id="left-panel" class="left-panel">
		<nav class="navbar navbar-expand-sm navbar-default">

			<div class="navbar-header">
				<button class="navbar-toggler" type="button" data-toggle="collapse"
					data-target="#main-menu" aria-controls="main-menu"
					aria-expanded="false" aria-label="Toggle navigation">
					<i class="fa fa-bars"></i>
				</button>
				<a class="navbar-brand" href="page.do?pagename=main">宿舍管理系统</a> <a
					class="navbar-brand hidden" href="page.do?pagename=main"><img
					src="../resources/images/logo2.png" alt="Logo"></a>
			</div>

			<div id="main-menu" class="main-menu collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<h3 class="menu-title">宿舍管理员</h3>
					<li class="active">
                        <a href="page.do?pagename=proclamation"> <i class="menu-icon fa fa-dashboard"></i>公告信息</a>
                    </li>
                    <li class="active">
                        <a href="page.do?pagename=stuInfo"> <i class="menu-icon fa fa-dashboard"></i>入住学生信息管理</a>
                    </li>
                    <li class="active">
                        <a href="page.do?pagename=dormInfo"> <i class="menu-icon fa fa-dashboard"></i>宿舍信息管理 </a>
                    </li>
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</nav>
	</aside>
	<!-- /#left-panel -->

	<!-- Left Panel -->

	<!-- Right Panel -->

	<div id="right-panel" class="right-panel">

		<!-- Header-->
		<header id="header" class="header">

			<div class="header-menu">

				<div class="col-sm-7">
					<a id="menuToggle" class="menutoggle pull-left"><i
						class="fa fa fa-tasks"></i></a>
				</div>

				<div class="col-sm-5">
					<div class="user-area dropdown float-right">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="userName"></a>
						<div class="user-menu dropdown-menu">
							<a class="nav-link" href="javascript:void(0)" onclick="showDormAdminInfoModal()"><i class="fa fa-power -off"></i>修改个人信息</a>
                            <a class="nav-link" href="javascript:void(0)" onclick="showPasswordModel()"><i class="fa fa-power -off"></i>修改密码</a>
                            <a class="nav-link" href="logout.do"><i class="fa fa-power -off"></i>退出</a>
						</div>
					</div>
				</div>
			</div>

		</header>
		<!-- /header -->
		<!-- Header-->


		<!-- .content -->
		<div class="content mt-3">
			<div class="animated fadeIn">
				<div class="row">
					<div class="col-md-12">
						<div class="card">
							<div class="card-header">
								<strong class="card-title">学生信息表</strong>
							</div>
							<div class="card-body">
								<div
									class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
									<div class="row">
										<div class="col-sm-12 col-md-6">
											<div class="dataTables_length"
												id="bootstrap-data-table_length">
												<label>显示条数</label> <label> <select
													name="bootstrap-data-table_length"
													class="form-control form-control-sm" id="pageSize">
														<option value="1">1</option>
														<option value="2">2</option>
												</select>
												</label>
											</div>
										</div>
										<div class="col-sm-12 col-md-6">
											<div id="bootstrap-data-table_filter"
												class="dataTables_filter">
												<label>
													<div class="input-group">
														<input type="text" placeholder="请输入账号"
															class="form-control" id="stuId">
														<div class="input-group-btn">
															<button class="btn btn-primary" id="searchStuByStuid">搜索</button>
														</div>
													</div>
												</label>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-12">
											<table id="bootstrap-data-table"
												class="table table-striped table-bordered">
												<thead>
													<tr>
														<!--  
                                                        <th><input type="checkbox" name="selectAllStu"></th>
                                                        -->
														<th>学号</th>
														<th>姓名</th>
														<th>年级</th>
														<th>联系方式</th>
														<th width="170px">操作</th>
													</tr>
												</thead>
												<tbody id="stuInfoList">

												</tbody>
											</table>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-12 col-md-5" id="sruInfoSize">
											<div class="dataTables_info" id="total"></div>
										</div>
										<div class="col-sm-12 col-md-7">
											<div class="dataTables_paginate paging_simple_numbers">
												<ul class="pagination" id="page">

												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="getStuInfoModal" tabindex="-1"
			aria-labelledby="largeModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-lg" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title" id="smallmodalLabel">学生详细信息</h5>
						<button type="button" class="close" data-dismiss="modal"
							aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>
					<div class="modal-body">
						<div>
							<form id="getStuInfo">
								<div class="row form-group">
									<div class="col col-md-6">
										<label for="getStuId" class="control-label mb-1">学生学号</label>
										<input id="getStuId" name="getStuId" type="text" class="form-control" disabled="disabled">
									</div>
									<div class="col col-md-6">
										<label for="getStuName" class="control-label mb-1">学生姓名</label>
										<input id="getStuName" name="getStuName" type="text" class="form-control" disabled="disabled">
									</div>
								</div>
								<div class="row form-group">
                                    <div class="col col-md-6">
                                        <label for="getStuGrade" class="control-label mb-1">所在年级</label>
                                        <input id="getStuGrade" name="getStuGrade" type="text" class="form-control" disabled="disabled">
                                    </div>
                                    <div class="col col-md-6">
                                        <label for="getStuSex" class="control-label mb-1">学生性别</label>
                                        <select id="getStuSex" name="getStuSex" class="form-control" disabled="disabled">
                                        <option value="1">男</option>
                                        <option value="2">女</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-6">
                                        <label for="getStuBirthday" class="control-label mb-1">出生日期</label>
                                        <input id="getStuBirthday" name="getStuBirthday" type="text" class="form-control" disabled="disabled">
                                    </div>
                                    <div class="col col-md-6">
                                        <label for="getStuTel" class="control-label mb-1">联系电话</label>
                                        <input id="getStuTel" name="getStuTel" type="text" class="form-control" disabled="disabled">
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-6">
                                        <label for="getStuParentTel" class="control-label mb-1">家长联系电话</label>
                                        <input id="getStuParentTel" name="getStuParentTel" type="text" class="form-control" disabled="disabled">
                                    </div>
                                    <div class="col col-md-6">
                                        
                                    </div>
                                </div>
							</form>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- Right Panel -->
	
	<div class="modal fade" id="getDormAdminInfoModal" tabindex="-1"
            aria-labelledby="largeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="smallmodalLabel">个人信息</h5>
                        <button type="button" class="close" data-dismiss="modal"
                            aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div>
                            <form id="getDormAdminInfo">
                                <div class="row form-group">
                                    <div class="col col-md-6">
                                        <label for="getDormAdminId" class="control-label mb-1">工号</label>
                                        <input id="getDormAdminId" name="getDormAdminId" type="text" class="form-control" disabled="disabled">
                                    </div>
                                    <div class="col col-md-6">
                                        <label for="getDormAdminName" class="control-label mb-1">姓名</label>
                                        <input id="getDormAdminName" name="getDormAdminName" type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-6">
                                        <label for="getDormAdminBirthday" class="control-label mb-1">出生日期</label>
                                        <input id="getDormAdminBirthday" name="getDormAdminBirthday" type="text" class="form-control">
                                    </div>
                                    <div class="col col-md-6">
                                        <label for="getDormAdminSex" class="control-label mb-1">性别</label>
                                        <select id="getDormAdminSex" name="getDormAdminSex" class="form-control">
                                        <option value="1">男</option>
                                        <option value="2">女</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-6">
                                        <label for="getDormAdminTel" class="control-label mb-1">联系电话</label>
                                        <input id="getDormAdminTel" name="getDormAdminTel" type="text" class="form-control">
                                    </div>
                                    <div class="col col-md-6">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-secondary" form="getDormAdminInfo">提交修改</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="updatePasswordModel" tabindex="-1"
            aria-labelledby="largeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-sm" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="smallmodalLabel">修改密码</h5>
                        <button type="button" class="close" data-dismiss="modal"
                            aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div>
                            <form id="updatePassword">
                                <div class="form-group">
                                    <label for="oldPassword" class="control-label mb-1">原密码</label>
                                    <input id="oldPassword" name="oldPassword" type="password" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="password" class="control-label mb-1">新密码</label>
                                    <input id="password" name="password" type="password"
                                        class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="password_again" class="control-label mb-1">请再次输入新密码</label>
                                    <input id="password_again" name="password_again" type="password"
                                        class="form-control">
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-secondary" form="updatePassword">修改密码</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>

	<script src="../resources/assets/js/vendor/jquery-2.1.4.min.js"></script>
	<script src="../resources/dormmsjs/popper.min.js"></script>
	<script src="../resources/dormmsjs/bootstrap.min.js"></script>
	<script src="../resources/assets/js/jquery.validate.min.js"></script>
	<script src="../resources/dormmsjs/bootstrap-paginator.js"></script>
	<script src="../resources/dormmsjs/moment.js"></script>
	<script src="../resources/dormmsjs/moment-with-locales.min.js"></script>
	<script src="../resources/dormmsjs/admin/stuInfo.js"></script>


</body>
</html>
